<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>Aplic. Web de jQuery Mobile</title>

 <meta name="viewport" content="width=device-width">

  <!-- Home screen icon  Mathias Bynens mathiasbynens.be/notes/touch-icons -->
  <!-- For iPhone 4 with high-resolution Retina display: -->
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/h/apple-touch-icon.png">
  <!-- For first-generation iPad: -->
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/m/apple-touch-icon.png">
  <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
  <link rel="apple-touch-icon-precomposed" href="img/l/apple-touch-icon-precomposed.png">
  <!-- For nokia devices: -->
  <link rel="shortcut icon" href="img/l/apple-touch-icon.png">
  
<link href="jquery-mobile/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="css/SanCayetano.css">
<!--<link rel="stylesheet" href="css/SanCayetano.min.css">-->
<link href='http://fonts.googleapis.com/css?family=Aldrich' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'>


    
<script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script src="phonegap.js"></script>
<script src="js/script.js"></script>
<script src="js/iscroll.js"></script>
<script src="js/jquery.mobile.iscrollview.js"></script>-->
<!-- aqui linkamos la api de google para la lectura de feeds -->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<!--<script src="js/plugins.js"></script>-->


 <script>    
        // Wait for Cordova to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // Cordova is ready
    //
    function onDeviceReady() {
        // Empty
    }

    // alert dialog dismissed
    function alertDismissed() {
        // do something
    }

    // Show a custom alert
    //
    function showAlert() {
        navigator.notification.alert(
            'You are the winner!',  // message
            alertDismissed,         // callback
            'Game Over',            // title
            'Done'                  // buttonName
        );
    }
</script>

</head> 
<body> 

<div data-role="page" id="page">
	<div data-role="header" id="header">
		<div class="logo-container">
			
				
                <div class="menu" id="menuD" onClick="mostrar()"><span>Menu</span><span class="menuArrow"></span></div>
                
			
		</div>
	</div>
    <div class="header-logo"></div>
    
    <div id="dropdown">
    <div class="fl">
    	<ul  class="listaMenu" data-role="listview" data-theme="a" data-icon="false">
        	<li  data-role="list-divider" role="heading" class="cabeceraMenu">Información</li>
            <li  data-icon="false" class="lineaMenu">
            	<a href="noticias.html" rel="external">
                    	<img alt="" src="css/images/menu/noticias.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">Noticias</div>
                </a>
            
            </li>
            <li data-icon="false" class="lineaMenu">
            	<a href="calendario.html" rel="external">
                    	<img alt="" src="css/images/menu/calendario.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">Calendario</div>
                </a>
            
            </li>
            <li data-icon="false" class="lineaMenu">
            	<a href="galeria.html" rel="external">
                    	<img alt="" src="css/images/menu/galeria.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">Galeria</div>
                </a>
            
            </li>
            
            <li data-icon="false" class="lineaMenu">
            	<a href="#hola" data-transition="slideup">
                    	<img alt="" src="css/images/menu/youtube.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">YouTube</div>
                </a>
            
            </li>
            
            <li data-icon="false" class="lineaMenu">
            	<a href="comida.html" rel="external">
                    	<img alt="" src="css/images/menu/menu.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">Menu</div>
                </a>
            
            </li>
            
            <li data-icon="false" class="lineaMenu">
            	<a href="maps.html" rel="external">
                    	<img alt="" src="css/images/menu/contacto.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">Contacto</div>
                </a>
            
            </li>
            
            <li data-icon="false" class="lineaMenu">
            	<a href="ajustes.html" rel="external">
                    	<img alt="" src="css/images/menu/ajustes.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">Ajustes</div>
                </a>
            
            </li>
            
            <li data-icon="false" class="lineaMenu">
            	<a href="alertas.html" rel="external">
                    	<img alt="" src="css/images/menu/alertas.png" style="width: 40px; height: 40px" />
                 		<div class="textoIcono">Alertas</div>
                </a>
            
            </li>
            
		</ul>
        </div>
    </div>
	<div data-role="content" class="contenido">	
    	<div id="wrapper">
			<div id="scroller"></div>
            	
        </div>
	</div>
 
	<div id="wrapper_2">
    <div id="scroller">
      <div class=" instalacion">
            <div class="itemInstalacion" id="presentacion" onClick="seleccionarItem(this.id)">
            	
            	<span id="presentacion_span" class="textoIcoSeleccionado">Presentacion</span>
                <div class="ico"><img id="presentacion_imagen" src="css/images/submenu/icono_presentacion_blanco.png" width="36" height="21"></div>
            </div>
            <div  onClick="seleccionarItem(this.id)" class="itemInstalacion" id="escoleta">
            <span id="escoleta_span" class="textoIco">Escoleta</span>
            <div class="ico"><img id="escoleta_imagen" src="css/images/submenu/icono_escoleta_azul.png" width="20"></div>
            </div>
            <div onClick="seleccionarItem(this.id)" class="itemInstalacion" id="infantil">
            <span id="infantil_span"  class="textoIco">Infantil</span>
            <div class="ico"><img id="infantil_imagen" src="css/images/submenu/icono_infantil_azul.png"  height="25"></div>
            </div>
             <div  onClick="seleccionarItem(this.id)" class="itemInstalacion" id="primaria"><span id="primaria_span" class="textoIco">Primaria</span>
             <div class="ico"><img id="primaria_imagen" src="css/images/submenu/icono_primaria_azul.png"  height="31"></div>
             </div>
              <div  onClick="seleccionarItem(this.id)" class="itemInstalacion" id="eso"><span id="eso_span" class="textoIco">ESO</span>
              <div class="ico"><img id="eso_imagen" src="css/images/submenu/icono_eso_azul.png"  height="30"></div>
              </div>
              
               <div  onClick="seleccionarItem(this.id)" class="itemInstalacion" id="bac"><span id="bac_span" class="textoIco">BAC</span>
              <div class="ico"><img id="bac_imagen" src="css/images/submenu/icono_bac_azul.png" width="36" height="21"></div>
              </div>
               
			</div>
        </div>
     </div>
    
        
	<div data-role="footer" id="footer">
    
     
         <div class="conocenos">
        	<span class="icoCamara"></span>
        	<div class="textoPeq textoAlignConoce">Conoce nuestras Instalaciones</div>
        </div>
      
     
        
       
        
       
        
     </div>
     
     
     
      
        
</div>

<div data-role="page" id="hola">
<p>HOLA TIOOOO</p>

</body>
</html>
